html,body {               /* 全体         */
text-align:center;
font-size:12px;
background-color:#000000; /* 背景色       */
color:#ffffff;            /* 文字色       */
}
#app_title{               /* タイトル     */
font-size:40px;           /* 文字サイズ   */
color:#7744dd;            /* 文字色       */
padding:10px;             /* 余白         */
display:block;
}
#search {                 /* 検索部分     */
float:left;               /* 左寄せ       */
text-align:left;          /* 文字中央     */
margin-top:12px;          /* 上マージン   */
margin-left:10px;         /* 左マージン   */
margin-bottom:20px;       /* 下マージン   */
border:1px solid #444444; /* 枠           */
padding:5px;              /* 余白         */
border-radius:5px;        /* 角丸         */
width:300px;              /* 幅           */
}
#search select{           /* 検索セレクト */
width:250px;              /* 幅           */
font-size:14px;           /* 文字サイズ   */
}
#results {                /* 検索結果     */
float:left;               /* 左寄せ       */
text-align:left;          /* 文字左寄せ   */
}
#results ol {             /* 検索結果     */
list-style:none;
}
#results li {             /* 結果リスト   */
clear:both; margin:0;
}
.pict {                   /* 結果画像     */
margin-right:10px;
float:left;
}
.pict img{                /* 結果画像     */
border:7px solid #666;    /* 枠           */
display:block;
width:150px;              /* 幅           */
height:auto;              /* 高さ         */
text-decoration:none;     /* 下線なし     */
background:no-repeat 50% 50% #cccccc;
border-radius:5px;        /* 角丸         */
margin-top:0px;
}
.pict img:hover {         /* 結果画像hover*/
border-color:#337733;     /* 枠の色       */
}
#results li{              /* 結果リスト   */
border:1px solid #444444; /* 枠           */
padding:10px;             /* 余白         */
width:540px;              /* 幅           */
margin-bottom:30px;       /* 下マージン   */
border-radius:5px;        /* 角丸         */
min-height:215px;         /* 最小の高さ   */
max-height:900px;         /* 最大の高さ   */
display:block;
}
#wrapper{                 /* 全体ラップ   */
width:950px;              /* 幅           */
border-radius:5px;        /* 角丸         */
}
.HotelCaption{            /* ホテルコピー */
display:block
text-align:left;
}
.list_wrap1{              /* ラップ１     */
display:block;
margin-left:170px;
margin-bottom:20px;
}
.list_wrap2{              /* ラップ２     */
display:block;
margin-left:170px;
}
.HotelType{               /* 宿種名       */
margin-left:15px;
}
.PictureCaption{          /* 宿画像キャプション */
margin-left:15px;
}
select#sel_check_order{   /* 並び順       */
width:140px;
}
select#sel_start{         /* 開始         */
width:50px;
}
select#sel_count{         /* 表示件数     */
width:50px;
}
